<template>
	<view v-if="auth" class="fullScreenPage">
		<view class="dialog-body">
			<view class="dialog_hd"><text>用户隐私政策概要</text></view>
			<view class="dialog_content"> 
				<view class="tips">亲爱的用户，感谢您一直以来的支持！为了更好地保护您的权益，同时遵守相关监管要求，请认真阅读《隐私政策》，特向您说明如下：</view>
				<view class="tips">1.为向您提供基本的身份认证服务，我们会遵循正当、合法、必要的原则收集和使用必要的信息。</view>
				<view class="tips">2.基于您的授权我们可能会收集和使用您的相关信息，您有权拒绝或取消授权。</view>
				<view class="tips">3.未经您的授权同意，我们不会将您的信息共享给第三方或用于您未授权的其他用途。</view>
				<view class="tips">4.您可以对上述信息进行访问、更正、删除、以及注销账户。</view>
				
				<view class="rule-link">
					<view style="color:#666">5.详细信息请您完整阅读</view> 
					<!-- <view style="color:#09f" @click="openPrivacyContract">{{urlTitle}}</view> -->
					<navigator url="/pages/webview/webview?type=0&url=" hover-class="none">《用户协议》</navigator>及
					<navigator url="/pages/webview/webview?type=1&url=" hover-class="none">《隐私政策》</navigator>。
				</view> 
				<view class="tips">请您注意：如果您不同意上述用户协议、隐私政策或其中任何约定，请您停止身份认证授权服务。如您阅读并点击同意即表示您已充分阅读、理解并接受其全部内容，并表明您也同意以上隐私政策来处理您的个人信息。</view>
			</view>
			<view class="dialog_btn-area">
				<button class="btn cancle" @click="handleDisagree">不同意</button>
				<button class="btn confirm" @click="handleAgree">同意</button>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		name:'',
		data() {
			return {  				 
				urlTitle: "", 
				innerShow: false,
				height: 0,				
				systemInfo:uni.getSystemInfoSync(),     // 系统信息  
			} 
		},
		props:{			 
			auth:{
				type:Boolean,
				default:false
			}
		},
		onReady() { 
			let _this=this;
			console.log('wx.getPrivacySetting',wx.getPrivacySetting)
			if (wx.getPrivacySetting) {
			  wx.getPrivacySetting({
			    success: res => {
			        // console.log("是否需要授权：", res.needAuthorization, "隐私协议的名称为：", res.privacyContractName)
					_this.urlTitle=res.privacyContractName; 
			    },
			    fail: () => { 
					console.log("是否需要授权：", res.needAuthorization, "隐私协议的名称为：", res.privacyContractName)
				},
			    complete: () => { },
			  })
			} else {
			  // 低版本基础库不支持 wx.getPrivacySetting 接口，隐私接口可以直接调用
			  // this.triggerEvent("agree")
			}
		},
		methods:{
			handleDisagree(e) {
			    this.$emit('handleDisagree')
			},
			handleAgree(e) {
			   this.$emit('handleAgree')
			}, 
			openPrivacyContract() {
			  wx.openPrivacyContract({
			    success: res => {
			      console.log('openPrivacyContract success')
			    },
			    fail: res => {
			      console.error('openPrivacyContract fail', res)
			    }
			  })
			}
		}
	}
</script>

<style lang="less" scoped>
	.fullScreenPage{
		position: fixed;
		left: 0;
		top: 0;
		z-index: 100;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.4);
	}
	.dialog-body{
		position: fixed;
		left: 0;
		bottom:0; 
		width: 100%; 
		background: #fff;
		border-top-left-radius: 28rpx;
		border-top-right-radius: 28rpx;
	}
	.dialog_hd{
		padding: 40rpx 20rpx;  
		font-size: 32rpx;
		font-weight: bold;
	}
	.dialog_content{
		padding: 10px;
	}
	.dialog_content .tips{
		margin-bottom: 20px;
		color: #666;
		font-size: 26rpx;
	}
	.dialog_btn-area{
		display: flex;
		justify-content: center;
		margin-bottom: 80rpx;
	}
	.dialog_btn-area button{
		border: 0 none;
	}
	.dialog_btn-area .btn{
		width: 40%;
		margin: 0 3%;
		padding: 20rpx 0;
		border-radius: 58rpx;
		text-align: center;
		font-size: 30rpx;
		box-shadow: 0 0 0 #fff; 
	}
	.dialog_btn-area .cancle{
		border: 2rpx solid #ddd;
		background: #fff;
		color: #333;
	}
	.dialog_btn-area .confirm{
		border: 2rpx solid #00aa7f;
		background: #00aa7f;
		color: #fff;
	}
	.rule-link{
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 30rpx;
		color: #666;
		font-size: 26rpx;
		navigator{
			font-size: 26rpx;
			color: #09f;
		}
	}
</style>